import logo from './logo.svg';
import './App.css';
import ClassComponent from './pages/ClassComponent';
import FunctionComponent from './pages/FunctionComponent';
import SetStatePage from './pages/SetStatePage';
import HomePage from './pages/HomePage';
// import UserPage from './pages/UserPage';
import ReduxPage from './pages/ReduxPage';
import ReactReduxPage from './pages/ReactReduxPage';
import ReactRouterPage from './pages/ReactRouterPage';
import PureComponentPage from './pages/PureComponentPage';
import {Button} from 'antd'
import DialogPage from './pages/DialogPage';
import HocPage from './pages/HocPage';
import MyRCFrom from './pages/MyRCFrom';

function App() {
  return (
    <div className="App">
      <img src={logo} className="App-logo" alt="logo" />
      <MyRCFrom />
      <HocPage />
      <DialogPage />
      <Button type="primary">Button</Button>
      <PureComponentPage />
      <ReactRouterPage />
      <ReactReduxPage />
      <ClassComponent />
      <FunctionComponent />
      <SetStatePage />
      <HomePage />
      {/* <UserPage /> */}
      <ReduxPage />
    </div>
  );
}

export default App;
